@import "./common/s_config";
.containt-box{
    margin:30px auto 0 auto;
    width:1200px;
    @extend .clearfix;
    .containtRight{
        float: right;
        border:1px solid #dddddd;
        width:988px;
        background: #fff;
        min-height: 807px;
        .bank-title {
            padding: 20px 40px 0 40px;
            h3 {
                margin-bottom: 20px;
                border-bottom: 1px solid #eee;
                line-height: 50px;
                font-size: 16px;
                color: #333;
            }
        }
        .containt{
            margin:9px 0 40px 0;
            padding-left:70px;
            h3{
                text-align: left;
                line-height: 96px;
                font-size:18px;
                color: #666666;
            }
            #account{
                .form_input{
                    margin-bottom:20px;
                    height:40px;
                    label{
                        display: inline-block;
                        width:76px;
                        height:40px;
                        line-height: 40px;
                        text-align: left;
                        text-indent: 8px;
                        font-size:12px;
                        color: #666666;
                    }
                    input[type='text'],input[type='password']{
                        padding-left:17px;
                        border:1px solid #dddddd;
                        border-radius: 4px;
                        width:304px;
                        height:40px;
                        color: #666;
                        &::-webkit-input-placeholder{
                            color: #dddddd;
                        }
                    }
                    .belongBank{
                        display: inline-block;
                        width:136px;
                        vertical-align: top;
                        img{
                            width:100%;
                        }
                    }
                    .belong{
                        height:60px;
                        line-height: 60px;
                    }
                    .messageCodeBtn{
                        display: inline-block;
                        border-radius: 4px;
                        border:1px solid #f76867;
                        margin-left:14px;
                        width:106px;
                        height:40px;
                        text-align: center;
                        line-height: 40px;
                        color: #f76867;
                        &:hover{
                            background: #f76867;
                            color: #fff;
                        }

                    }
                }
                .belongBankBox{
                    display: none;
                    height:60px;
                }
                .submitBtn{
                    display: block;
                    margin-left:79px;
                    border:none;
                    border-radius: 4px;
                    width:300px;
                    height:40px;
                    background: #f76867;
                    color: #fff;
                    &:hover{
                        background: #fb746b;
                    }
                }
            }
        }
    }
}
.agreeBox{
    padding-left:76px;
    line-height: 40px;
    #agree{
        display: none;
    }
    #agreement{
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 14px;
        height: 14px;
        background: #f4f4f4;
        vertical-align: middle;
    }
    .textBox{
        padding-left:10px;
        display: inline-block;
        vertical-align: middle;
        a{
            color: #f76867;
        }
    }
    .agreed{
        border: none !important;
        width: 16px !important;
        height: 16px !important;
        background: url(https://r.mzmoney.com/mz/img/hpimg/checked.png) !important;
    }
}
label.error{
    display: inline-block;
    margin-left:10px;
    padding: 5px;
    border-radius: 4px;
    width:auto !important;
    height:10px !important;
    line-height: 10px !important;
    background: #f76867;
    color: #fff !important;
}
div.error{
    display: inline-block;
    margin:0 0 10px 79px;
    padding: 5px;
    border-radius: 4px;
    width:auto !important;
    height:10px !important;
    line-height: 10px !important;
    background: #f76867;
    color: #fff !important;
}
.wth180{
    width:180px !important;
}